<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<jsp:include page="../layout/topPg.jsp" />

<!-- INI userSongPg -->

<!-- Tab buttons -->
<div id="songDetailsTab">
	Song Details
</div>
<c:if test="${mySong.song.songsterr != '' && mySong.song.songsterr != null}">
	<div id="songsterrTab">
		<img src="http://www.songsterr.com/WebObjects/Songsterr.woa/Contents/WebServerResources/images/logo.png"/>
	</div>
</c:if>
<c:if test="${mySong.song.summary != '' && mySong.song.summary != null}">
	<div id="summaryTab">
		Summary image
	</div>
</c:if>

<!-- Content -->
<c:if test="${mySong.song.songsterr != '' && mySong.song.songsterr != null}">
	<div id="songsterrBox">
		<iframe src="${mySong.song.songsterr}" scrolling="no"></iframe>
	</div>
</c:if>

<c:if test="${mySong.song.summary != '' && mySong.song.summary != null}">
	<div id="summaryBox">
		<img src="${mySong.song.summary}"></img>
	</div>
</c:if>

<table class="songDetailTable">
	<tr>
		<td id="songDetailTable_fields">
			<div class="bigger text">
				${mySong.song.artist} - ${mySong.song.song}
			</div>
			<br>
			<br>
			<div class="label">
				Tune
			</div>
			<div class="text">
				${mySong.song.tune}
			</div>
			<br>
			<div class="label">
				Comments
			</div>
			<div class="text">
				${mySong.song.coments}
			</div>
			<br>
			<div class="label">
				Tablature
			</div>
			<c:if test="${mySong.song.tabLink != '' && mySong.song.tabLink != null}">
				<a href="${mySong.song.tabLink}"><img id="imgDownloadTab" src="../images/buttons/download.png" alt="Download"/></a>
			</c:if>
			<div class="text">
				${mySong.song.tabName}
			</div>
			<br>
			<br>
			<table class="difficultyTable">
				<tr>
					<th id="a"> </th>
					<th id="a">Guitar1</th>
					<th id="a">Guitar2</th>
					<th id="a">Guitar3</th>
					<th id="a">Bass</th>
					<th id="a">Solo</th>
				</tr>
				<tr>
					<td><b>Difficulty</b></td>
					<td>${mySong.song.guitar1}</td>
					<td>${mySong.song.guitar2}</td>
					<td>${mySong.song.guitar3}</td>
					<td>${mySong.song.bass}</td>
					<td>${mySong.song.solo}</td>
				</tr>
			</table>
			<br>
			<a href="../songs/edit${mySong.song.id}.html"><img id="editButton" src="../images/buttons/edit.png" alt="Edit"/></a>
		</td>
		<td id="songDetailTable_video" class="center">
			<iframe id="ytplayer" width="350" height="250" src="http://www.youtube.com/embed/${mySong.song.video}"></iframe>
		</td>
	</tr>
</table>
<br>
<div id="fieldBox">
	<form action="doEditMySong.html" method="POST">
		<div class="label">
			Level
		</div>
		<div class="levelField">
			<select name="level">
				<c:if test="${mySong.level == 0}">
					<option selected="selected" value="0">Not played</option>
				</c:if>
				<c:if test="${mySong.level != 0}">
					<option value="0">Not played</option>
				</c:if>
				<c:if test="${mySong.level == 1}">
					<option selected="selected" value="1">Bad</option>
				</c:if>
				<c:if test="${mySong.level != 1}">
					<option value="1">Bad</option>
				</c:if>
				<c:if test="${mySong.level == 2}">
					<option selected="selected" value="2">Medium</option>
				</c:if>
				<c:if test="${mySong.level != 2}">
					<option value="2">Medium</option>
				</c:if>
				<c:if test="${mySong.level == 3}">
					<option selected="selected" value="3">Good</option>
				</c:if>
				<c:if test="${mySong.level != 4}">
					<option value="3">Good</option>
				</c:if>
				<c:if test="${mySong.level == 4}">
					<option selected="selected" value="4">Record</option>
				</c:if>
				<c:if test="${mySong.level != 4}">
					<option value="4">Record</option>
				</c:if>
				<c:if test="${mySong.level == 5}">
					<option selected="selected" value="5">Cover</option>
				</c:if>
				<c:if test="${mySong.level != 5}">
					<option value="5">Cover</option>
				</c:if>
			</select>
		</div>
		<br>
		<div class="label">
			Record
		</div>
		<div class="linkField">
			<input type="text" name="record" value="${mySong.record}"/>
		</div>
		<br>
		<div class="label">
			Cover
		</div>
		<div class="linkField">
			<input type="text" name="cover" value="${mySong.cover}"/>
		</div>
		<br>
		<br>
		<input type="hidden" name="id" value="${mySong.id}"/>
		<input type="image" src="../images/buttons/save.png" value="Save"/>
	</form>
</div>
	
<!-- FI userSongPg -->

<jsp:include page="../layout/footerPg.jsp" />
